// @import "./public.scss";
.datav_icon,
.datav_text,
.dva-icon {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #5efce8 10%, #736efe 100%);
}

.click,
.onClick {
  cursor: pointer;
  text-decoration: none;
}

.active {
  &:active {
    opacity: 0.78;
  }
}

.chars_box {
  width: 600px;
  height: 600px;
  position: absolute;
  left: 220px;
  top:10%
}
.panel_box {
  width: 900px;
  height: 800px;
  position: absolute;
  left:220px;
  top:10%
}
.charsImg {
  height: 24px;
  width: 84%;
  left: 70px;
  position: absolute;
  top: 243px;
}
// 底层=====================================================================================
/* 自定义滚动条样式 */
::-webkit-scrollbar {
  width: 0px; /* 设置滚动条宽度 */
  height: 6px;
  cursor: pointer;
}

::-webkit-scrollbar-track {
  background: #fff; /* 滚动条轨道颜色 */
}

::-webkit-scrollbar-thumb {
  background: #b5bbc5; /* 滚动条滑块颜色 */
}

::-webkit-scrollbar-thumb:hover {
  background: #b5bbc5; /* 滚动条滑块hover颜色 */
}
.n-input .n-input--resizable .n-input--stateful {
  --n-border-hover: 1px solid #519ed0 !important;
  --n-border-focus: 1px solid #519ed0 !important;
}
.n-data-table {
  background-color: transparent;
  --n-merged-td-color: transparent;
  --n-merged-td-color-hover: transparent;
  --n-merged-border-color: --n-merged-th-color;
  --n-merged-th-color: #fff !important;
  color: #000 !important;
  font-size: 14px;
}
.n-data-table-tr {
  height: 20px !important;
  overflow: hidden;
  border-bottom: 1px solid #f4f6f8;
  // background-color: #000 !important;
}
.n-data-table-th {
  --n-merged-th-color: #eaf1fe;
  font-weight: bold !important;
  background-color: transparent;
  color: #000 !important;
}
.title {
  color: #000 !important;
  text-align: center !important;
  width: 120px !important;
}
.titleSml {
  color: #000 !important;
  text-align: center !important;
  width: 100px !important;
}
.titleBig {
  width: 220px;
  color: #000 !important;
  text-align: center !important;
  height: 20px !important;
}

.btn {
  cursor: pointer;
  color: #416ef2 !important;
  border: none;
  // background-color: #fff;
}
.n-button {
  background-color: transparent !important;
  border: none !important;
  color: #4071f1;
}
.n-button:hover {
  color: #4071f1 !important;
}
.n-pagination
  .n-pagination-item:not(
    .n-pagination-item--disabled
  ).n-pagination-item--active {
  --n-item-text-color-active: #000;
  --n-item-border-active: 1px solid #000;
  --n-item-text-color-hover: #000;
  --n-item-text-color: #000 !important;
  font-size: 20px;
}
.n-pagination {
  margin-right: 100px;
}
.n-pagination
  .n-pagination-item.n-pagination-item--disabled.n-pagination-item--button {
  --n-item-color-disabled: transparent !important;
  font-size: 20px;
}
.n-pagination-item {
  color: #000;
}

.n-pagination:hover .n-pagination-item:hover {
  color: #000;
}
.n-pagination .n-pagination-item.n-pagination-item--button {
  color: #000;
}

.n-tree .n-tree-node {
  background-color: #cee8f6;
}
.n-checkbox .n-checkbox-box-wrapper {
  --n-color-checked: #387ead;
  --n-border-checked: 1px solid #387ead;
  --n-border-focus: 1px solid #387ead;
}
.n-input .n-input--resizable .n-input--stateful {
  --n-caret-color: #387ead !important;
  --n-border-hover: 1px solid #387ead !important;
  --n-border-focus: 1px solid #387ead !important;
}
